<template>
    <div id="app">
        <button v-on:click="decrement">-</button>
        {{ count }}
        <button v-on:click="increment">+</button>
    </div>
</template>

<script lang="ts">
import {Component, Vue} from 'vue-property-decorator'
import HelloWorld from './components/HelloWorld.vue'
// 类上装饰器，使用函数工厂的 参数 解释说明
// 参数是对象
function Component1(options: object) {
    // 参数是类
    return function (Component: object) {
        // 第一个参数是传递的对象，第二个参数传递的是类，不是实例，也不是原型
        // 方法(Component, options);
    };
}

@Component({
    components: {
        HelloWorld
    }
})
export default class App extends Vue {
}
</script>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
}
</style>
